<template>

  <div class="wrapper">
    <scroller id="scroll-wrap">
      <div id="wmain">
       
      <div id="top-nav">
        <div class="top-nav-list">
          <a href="mySubscribeCourse.html" class="top-nav-a">
            <image style="width: 86px;height: 86px;" src="http://saas.eduto.com/DingFront/Image/ip1.png"></image>
            <text class="top-nav-txt">我的必修</text>
          </a>
        </div>
        <div class="top-nav-list">
          <a href="../Mine/startCourse.html" class="top-nav-a">
            <image style="width: 86px;height: 86px;" src="http://saas.eduto.com/DingFront/Image/ip2.png"></image>
            <text class="top-nav-txt">微课制作</text>
          </a>          
        </div>
        <div class="top-nav-list">
          <a href="courseCenters.html?courseIndex=0" class="top-nav-a">
            <image style="width: 86px;height: 86px;" src="http://saas.eduto.com/DingFront/Image/ip3.png"></image>
            <text class="top-nav-txt">学习课库</text>
          </a>          
        </div>
        <div class="top-nav-list">
          <a href="../Reading/bookList.html" class="top-nav-a">
            <image style="width: 86px;height: 86px;" src="http://saas.eduto.com/DingFront/Image/ip4.jpg"></image>
            <text class="top-nav-txt">读书推荐</text>
          </a>          
        </div>
      </div>

    </div>
  </scroller>


  </div>

</template>
<script>
 
  
  export default {
    name: 'home',
    data: function(){
      return {
      
      }
    },
    methods: {
     
    },
    mounted: function(){

    },
  }
</script>
<style scoped>
/*幻灯片样式*/
.image {
  width: 750px;
  height: 312px;
}
.slider {
  width: 750px;
  height: 312px;
}
.frame {
  width: 750px;
  height: 312px;
  position: relative;
}
.indicator {
   width:714px;
   height:200px;
   position:absolute;
   top:1px;
   left:1px;
   item-color: red;
   item-selectedColor: blue;
   item-size: 20px;
 }
 /*幻灯片样式 End*/

/*===样式开始===*/

/*顶部四个按钮导航样式*/
#scroll-wrap{
  background-color: #fff;
}
#top-nav {
    /*height: 108px;*/
    padding-bottom: 14px;
    padding-top: 17px;
    background-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-bottom-color: #EEE;
    flex-direction: row;
}
.top-nav-list{
  flex:1;
}
.top-nav-a{
  align-items:center;
}
.top-nav-txt{

  font-size: 24px;
  color: #222;
}
/*顶部四个按钮导航样式 End*/

/*选课中心 Start*/
.update-wrap{
  flex-direction: row;
  align-items:center;
}
.update-txt{
    font-size: 12px;
    color: #666666;
}
.update-num{
  color: #28c195;
  font-size: 12px;
  padding-left: 2px;
  padding-right: 2px;
}
.weight{
  font-size: 16px;
  font-weight: 700;
  color:#333;
}
/*选课中心 End*/
</style>
